hello sur 192.168.2.75:5500 (sur le réseau wifi « Étudiants »

Qu’est-ce que c’est qu’un site web ?

ça peut être :

• https://solar.lowtechmagazine.com/
• https://fr.stardewvalleywiki.com/Stardew_Valley_Wiki
• https://pointerpointer.com/
• https://leaflet-extras.github.io/leaflet-providers/preview/
• https://scripts.sil.org/cms/scripts/page.php?id=iws-chapter02
• https://computer-grrrls.gaite-lyrique.net/
• https://cyberfeminismindex.com/
• https://www.tierslivre.net/
• http://www.viceorganique.com/
• https://tabitarezaire.com/
• https://kabk.github.io/
• https://www.asia-home.com/
• http://art.teleportacia.org/#CenterOfTheUniverse
• http://quelleheureestilenjoy.com/
• https://raphaelbastide.com/fragile-forge/
• https://thehtml.review
• https://hallointer.net/
• ...

Lire et Écrire

Un navigateur web

N’est pas neutre : Chrome c’est 60% de part de marcher ---> Contra Chrome

☛ En vrai, objectivement le meilleur (no arnak, no noob) ☚

+ uBlock Origin pour pouvoir y voir quelque-chose

sur n’importe quelle page web appuyez sur F12 ou clic-droit -> inspecter pour ouvrir l’outil de developpement web pour voir le code source de la page. Bravo vous êtes un·e hacker developp·eur·euse !

Éditeur de texte

Éditeur de texte ≠ traitement de texte

VScodium .

Là par contre pas de meilleur, car c’est à la fois l’outil le plus simple et le plus fondamental d’un système d’exploitation : Lire et écrire des fichiers. Donc cell⋅e⋅eux qui passent leurs journées devant veulent pouvoir le configurer, le personnaliser, le recoder à leur image… Comme des fans de tunning et de RGB PC Gaming¹ ou des hackers à capuche².

• « La machine de Tuning », David-Olivier Lartigaud, Azimuts, nº 42, Tuning, 2015
• « Ceux que les souris effrayent », Eric Schrijver, Backoffice, nº 1, Faire avec, 2017

À quoi sert un éditeur de texte ?

Fonction principale : lire et écrire des fichiers textes quelpart sur votre disque dur.

Fonctions secondaires :

• explorer vos fichiers : dossiers = boites dans des boites ou arborescence

  • fichier : nom + extension : indication de format

• rechercher/remplacer du texte dans un ou plusieurs fichiers

• nous aider à comprendre les fichiers qu’on manipule : on peut imaginer que d’un côté il y a les fichiers destinés aux humain·es (liste de courses, romans, poèmes) et de l’autre les fichiers destinés aux ordinateur·i·ces, mais en réalité il existe tout un spectre d’usages pour plein d’utilsat·eu·rices plus ou moins expert·es. On parle de formats Machine-readable vs. Human-readable

  • Coloration syntaxique
  • L’auto complétion
  • …

• nous aider à isoler une partie de notre disque dur et la partager avec les autres : devenir un serveur web -> extension de VS code : Live server

un peu de Réseaux

adresse IP

IP = adresse de votre machine : unique, publique si vous communiquez avec le reste du monde.

• xxx.xxx.xxx.xxx
• 217.119.181.219 = l’IP publique de la box de l’école
• localhost = 172.0.0.1 = raccourcis pour dire « chez moi »
• 192.168.étage.appartement = la plus part du temps c’est « mon immeuble », tout le monde peut discuter ensemble dans un immeuble bien configuré

port

Port = fenêtres et portes de votre appartement.

Chaque port permet de transmettre différentes informations, pas que du web.

• :80 = web
• :430 = web sécurisé (https)
• :35 = imprimantes
• :123 = synchonisation de l'heure
• :25565 = Minecraft

Rechercher votre adresse IP :

• sur Windows
• sur Mac OS
• sur linux : ip addr

url

L’url est une manière plus pratique d’écrire l’addresse de chez quelqu’un. Un serveur DNS s’occupe de convertir l’URL en IP + port.

• protocole://sous-domaines.sous-domaines.domaine.racine/dossier/
• https://esad-pyrenees.fr
• https://ateliers.esad-pyrenees.fr/web/

Aller plus loin :

https://ateliers.esad-pyrenees.fr/web/pages/ressources/html/internet/